const path = require('path')
function resolve(dir) {
  return path.join(__dirname, dir)
}
const name = 'mocks'
const port = process.env.port || process.env.npm_config_port || 8848

module.exports = {
  publicPath: '/',
  outputDir: 'dist',
  assetsDir: 'static',
  lintOnSave: process.env.NODE_ENV === 'development',
  productionSourceMap: process.env.NODE_ENV === 'development',
  devServer: {
    port,
    open: true,
    // 让浏览器 overlay 显示错误
    overlay: {
      warnings: false,
      errors: true
    },
    // 后续加上
    before: require('./mocks'),
    proxy: {
      '/api': {
        target: 'https://test.com/api',
        secure: false, // 如果要验证SSL证书
        changeOrigin: true // 开启代理，在本地创建一个虚拟服务端
        // ws: true, // 是否启用websocket,
        // 不建议pathRewrite，因为如果你这样了，nginx也需要跟着配置
        // 或者你的全局的request也需要跟着配置
        // pathRewrite: {
        //   "^/api": "/"
        // }
      }
    }
  },
  css: {
    loaderOptions: {
      // 配置全局变量
      sass: {
        // 注意：在 sass-loader v7 中，这个选项名是 "data"
        // prependData: ``,
      }
    }
  },
  configureWebpack: {
    name,
    resolve: {
      alias: {
        '@': resolve('src')
      }
    }
  }
}
